/* 7312023 */
* {
    scroll-behavior: smooth;
    font-family: Calibre-web, Arial, sans-serif;
}

@font-face {
    font-family: 'Atyp';

    src:url(https://onlinetools.vertivco.com/fonts/atyp/atypdisplay-medium.woff) format("woff"),
	url(https://onlinetools.vertivco.com/fonts/atyp/atypdisplay-medium.woff2) format("woff2"),
	url(https://onlinetools.vertivco.com/fonts/atyp/atypdisplay-medium.otf) format("opentype"),

    font-weight: normal;
    font-style: normal;
}

.main-page {
    overflow: hidden;
    position: relative;
}

.main-page:before {
    content: " ";
    width: 120%;
    height: 120%;
    display: block;
    position: absolute;
    left: -10px;
    top: -10px;
    background: inherit;
    filter: brightness(0.8);
}

@media screen and (max-width: 767px) {
    html {
        font-size: 6.25%;
        line-height: 1.2;
    }
h1{
    font-size: 6rem!important;
}
    .navbar-brand {
        margin: auto;
    }

    .navbar-brand>#brand-logo {
        width: 140px;
        padding: 1rem;
    }

    .button.mobile-wide {
        width: 100%;
        box-shadow: none;
    }

    .navbar-collapse {
        background: white;
        margin-left: -1rem;
        margin-right: -1rem;
        margin-bottom: -1rem;
        color: #33333;
    }

    .navbar-dark .navbar-collapse {
        background: #333333!important;
    }

    .navbar a {
        color: #333333!important;
    }

    .navbar .navbar-nav .active>.nav-link {
        color: #fe5b15!Important;
    }

    .navbar-dark .navbar-nav .nav-link {
        color: white!important;
    }

    /*----------------------------------------------------------------------------------------------*/
    .carousel-item .row {
        position: relative!important;
        transform: translateY(0)!important;
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .carousel-control-next, .carousel-control-prev {
        z-index: 50;
    }

    .carousel-item {
        height: unset!important;
    }
}

html {
    font-size: 55.25%;
    line-height: 1.2;
}

body {
    font-size: 2rem;
    line-height: 1.2;
    color: #333333;
    width: 100%;
    background: #f2f2f2;
}

.highlight {
    background: #f1f1f1;
    display: block;
    padding: 1rem 2rem;
}

p.smaller {
    font-size: 1.5rem;
}

.small *, .small {
    font-size: 1.6rem;
}

h1 {
    font-family: 'Atyp', serif;
    font-weight: normal!important;
}

h1 {
    font-size: 10rem;
}

h2 {
    font-size: 5rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    line-height: 1.1;
}

h3 {
    font-size: 3.8rem;
}

h4 {
    font-size: 2.4rem;
    font-weight: 500;
}

.overline {
    text-transform: uppercase;
    font-weight: 600;
    color: #808080;
    font-size: 1.4rem;
    margin-bottom: 0;
}

a h3, a p, a > a.secondary {
    /* color: #333333 !important; */
}

li > h3 {
    font-size: 2rem;
    font-weight: 600;
    margin-top: 1.6rem;
}

a {
    color: #0000E7;
    font-weight: 400;
}

b, strong {
    font-weight: 600!important;
}

.button.small {
    padding: 0.4rem 0.8rem!important;
    font-size: 1.4rem!important;
    line-height: 01;
}

ul > li, ol > li {
    margin-top: 1rem;
    margin-bottom: 1rem;
    padding-left: .4rem;
}

ul > li:last-child, ol > li:last-child {
    margin-bottom: 2rem;
}

ol > li {
    padding-left: 0;
}


ol > li {
    padding-left: 4rem;
    margin-bottom: 1rem;
}

ol li:before {
    margin-left: -4rem;
}

.multi-page {
    min-height: 80vh;
}
ul {
    list-style-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='10'%3E%3Crect width='8' height='8' style='fill:%23fe5b15' /%3E%3C/svg%3E");
    padding-left: 2rem;
}

ul ul {
    list-style-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8'%3E%3Crect width='8' height='8' style='fill:transparent;stroke-width:3;stroke:%23000000' /%3E%3C/svg%3E");
}


ul li li h4 {
    font-size: 1.8rem;
    font-weight: 600;
}

.button {
    padding: 1rem 4rem!important;
    display: inline-block;
    line-height: 1.2;
    font-size: 2rem;
    font-weight: 500;
    text-transform: capitalize;
    border: 2px solid;
    text-align: center;
    text-decoration: none!important;
    transition: .2s;
    margin-bottom: 2rem;
    vertical-align: middle;
    margin-top: 2rem;
}

.button:hover {
    transition: .2s;
    box-shadow: 0 0.5rem 2rem #00000054;
}

.primary {
    background: #fe5b1b;
    border-color: #fe5b1b;
    color: white !important;
    letter-spacing: .5px;
}

.button.secondary {
    color: #333333;
    background: #00000085;
}

.primary:hover {
    background: #fe791b;
    border-color: #fe791b;
}

.secondary:hover {
    border-color: #fe5b15;
    background: #ffffff2e;
}

.button.secondary-alt {
    background: #333;
    color: white !important;
    border-color: #333;
}

.col-md-4 h4+p {
    font-weight: 500;
    font-size: 1.6rem!important;
}

.h-line tbody>tr {
    border-bottom: 1px solid #999;
}

.h-line {
    margin-bottom: 4rem;
    margin-top: 2rem;
}

.table thead>tr:first-child>th {
    border-top: none;
}

.table {
    margin: 2rem 0;
}

.table td {
    padding: 2rem 1rem;
}

.table thead th {
    border-bottom: 2px solid #999;
}

.table-dark thead th {
    background: black;
}

.table-dark thead>tr:first-child>th {
    border: none;
}

.table td, .table th {
    border-top: none;
    border-bottom: 1px solid #808080;
}

.table-dark td, .table-dark th {
    border-bottom: 1px solid #666;
}

.table-dark {
    background: #333;
}

.table th {
    font-weight: 600;
}

.table .thead-dark th {
    background: #000;
    border-bottom: none;
}

.table-dark.table-striped td, .table-dark.table-striped th {
    border: none;
}

.h-line tbody>tr:first-child {
    border-bottom: 2px solid #999;
}

.h-line tbody>*>td:first-child, .h-line tbody>*>th:first-child {
    padding-left: 0;
}

@media (max-width: 375px) and (min-width: 0px) {
    div[class*='-4'] .button, div[class*='-3'] .button {
        width: 100% !important;
        padding: 0.8rem 1.6rem !important;
        display: inline-block;
        margin-top: 1rem !important;
        font-size: 1.4rem;
        font-weight: 600;
        text-transform: uppercase;
        border-width: 2px;
        text-align: center;
        border-style: solid;
    }
}

p a, a:not([href]):not([tabindex]) {
    color: #0076A8;
    font-weight: 600;
    cursor: pointer;
}

ol {
    counter-reset: item;
    list-style-type: none;
    padding-left: 0.6rem;
    margin-top: 1rem;
    margin-bottom: 2rem;
}

ol li:before {
    content: counter(item) '.';
    counter-increment: item;
    color: #666;
    font-weight: bold;
    margin-right: 1rem;
    text-align: right;
    float: left;
}

nav.bg-dark.black {
    background: black!Important;
}

nav.navbar {
    background: #ff5810;
    background: -moz-linear-gradient(left, #fb9700 0%, #ff5810 51%, #5e1ee7 100%);
    background: -webkit-gradient( left top, right top, color-stop(0%, #fb9700), color-stop(51%, #ff5810), color-stop(100%, #5e1ee7) );
    background: -webkit-linear-gradient(left, #fb9700 0%, #ff5810 51%, #5e1ee7 100%);
    background: -o-linear-gradient(left, #fb9700 0%, #ff5810 51%, #5e1ee7 100%);
    background: -ms-linear-gradient(left, #fb9700 0%, #ff5810 51%, #5e1ee7 100%);
    background: linear-gradient(to right, #fb9700 0%, #ff5810 51%, #5e1ee7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb9700',endColorstr='#5e1ee7',GradientType=1);
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.75)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-dark {
    background: black!important;
}

.navbar a {
    color: #fff;
}

.navbar-dark .navbar-nav .active>.nav-link {
    color: #ffffff;
}

#brand-logo {
    width: 181px;
}

nav ul {
    font-size: 1.8rem;
    font-weight: 600;
}

.nav-link {
    padding-bottom: 0;
    position: relative;
}

.nav-item.active:after {
    content: ' ';
    /* margin-top: -12px; */
    box-shadow: 0 20px 0 #fff;
    /* border: 3px solid transparent; */
    display: block;
}

.nav-tabs>li, .nav-tabs>li:last-child {
    padding: 0;
    margin: 0;
    display: inherit;
}

.nav.nav-tabs>li>a {
    font-size: 1.8rem;
    font-weight: 4=600;
    color: #333;
    margin: 0 .5rem;
    padding: 1rem;
}

.nav.nav-tabs>li>a.active {
    box-shadow: 0 5px 0 #fe5b15;
    color: #fe5b15;
    text-decoration: none!important;
}

.nav-tabs {
    border: none;
    padding-bottom: 3px;
    margin-bottom: 2rem;
    border-bottom: 2px solid #999999;
    margin-top: 1rem;
}

.nav.nav-tabs>li>a:hover {
    text-decoration: none;
    color: #fe5b15;
}

.nav.nav-tabs>li:first-child>a {
    margin-left: 0;
}

.tab-content {
    padding-top: 1rem;
    padding-bottom: 2rem;
    margin-bottom: 5rem;
}

.nav-item {
    margin-left: 2rem;
}

li.nav-item:before, li.nav-item:after {
    display: none;
}

li.nav-item {
}

.static-top {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 100;
}

.static-top+div {
    margin-top: 60px;
}

.lead {
    font-size: 4rem;
    font-weight: 400;
    line-height: 1;
}
h3+.lead {
    font-size: 3.4rem;
}

p.lead + p {
    font-size: 2.2rem;
}

p + ul {
    margin-bottom: 4rem;
}

form {
    /* margin: 2em 0; */
}

.serif {
    font-family: Unna serif;
}

.small {
    font-size: small;
}

.xx-small {
    font-size: xx-small;
}

.x-small {
    font-size: x-small;
}

.smaller {
    font-size: smaller;
}

.x-large {
    font-size: x-large;
}

.larger {
    font-size: larger;
}

.xx-large {
    font-size: xx-large;
}

.larger {
    font-size: larger;
}

.oblique {
    font-style: italic;
}

.carousel-inner img {
    width: 100%;
}

.carousel-inner .container {
    content: ' 9879879879879879879879';
    display: block;
}

.carousel-item:before {
    content: ' ';
    display: block;
    background: #00000061;
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.container-fluid.alt-segment:nth-child(odd) {
    background: #f1f1f1;
}

.container-fluid.alt-segment:nth-child(even) img {
    filter: brightness(0.9);
}

.highlight-1 {
    background-color: #808080;
    background-image: url(https://img04.en25.com/EloquaImages/clients/VertivCo/%7B4ef5ca1c-cfed-4146-87e6-ba06239fffc0%7D_bg-lit_-_Copy.gif);
    background-position: center;
    background-size: cover;
}

.highlight-1 * {
    /* color: white; */
}

.highlight-dark .secondary, .secondary, .highlight-orange .secondary {
    background: transparent;
    color: white;
}

.quote {
    font-family: Unna;
    font-style: oblique;
}

.lead.quote {
    font-size: 2.6rem;
}

.carousel-item {
    height: 480px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.carousel-item h1, .carousel-item p {
    color: white;
}
.carousel-item h1 {
    font-size: 8rem;
}
.carousel-item .container {
    position: relative;
    height: 100%;
}

.carousel-item .row {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    z-index: 2;
}

img.hover-shadow {
    transition: 0.2s;
}

a:hover .hover-shadow {
    box-shadow: 0 0 0.5rem #000000b8;
    transition: 0.2s;
}

.submit-button-style {
    background: #fe5b15;
    border-color: #fe5b15;
    color: white !important;
    letter-spacing: 1px;
    width: unset!important;
    padding: 0.8rem 1.6rem!important;
    display: inline-block;
    margin-top: 1rem;
    margin-left: 0;
    margin-right: 2rem;
    font-size: 1.4rem;
    font-weight: 600;
    text-transform: uppercase;
    border: 2px solid;
    text-align: center;
    text-decoration: none!important;
    transition: .2s;
    margin-bottom: 4rem;
    align-self: flex-start;
}

.dropdown label {
    font-size: 1.8rem;
    margin: 0;
    transform: translate(0rem, 3.4rem);
    pointer-events: none;
    color: #333;
}

.dropdown select {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg enable-background='new 0 0 10 6' version='1.1' viewBox='0 0 10 6' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='5 6 10 0 0 0'/%3E%3C/svg%3E");
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: right 10px center;
    cursor: default;
}

.dropdown.valid label {
    padding-top: 0;
    transition: .2s;
    text-transform: Uppercase;
    font-size: 1.4rem;
    transform: translate(0, 0);
}

.container-fluid.footer {
    background: #000;
    padding: 4rem 15px;
}

.col-md-3 h3, .col-md-2dot4 h3 {
    /* font-size: 2.4rem; */
    font-weight: 500;
}

.highlight-orange {
    background: url('https://img04.en25.com/EloquaImages/clients/VertivCo/%7Bf73bba99-a8ab-433b-a2e7-b5f24c38d15c%7D_bg-orn-vio_-_Copy.gif');
    color: white;
    background-position: center;
    background-size: cover;
    background-color: #fe5b15;
}

.highlight-dark {
    background: url('https://img04.en25.com/EloquaImages/clients/VertivCo/%7B2d2438c8-c9c3-4ff9-8fd5-ee88242a4bb8%7D_bg-black_-_Copy.gif');
    color: white;
    background-position: center;
    background-size: cover;
    background-color: #000;
}

.highlight-light {
    background: url('https://img04.en25.com/EloquaImages/clients/VertivCo/%7B4ef5ca1c-cfed-4146-87e6-ba06239fffc0%7D_bg-lit_-_Copy.gif');
    color: #333333;
    background-position: center;
    background-size: cover;
}

input[type=checkbox] {
    border: 2px solid #666666;
    cursor: pointer;
    /* margin-left: -4rem; */
    /* margin-right: 2rem; */
    vertical-align: middle;
    display: initial;
    padding: 1rem;
    line-height: 0;
    font-size: 0;
    background: transparent;
    transition: .5s;
}

input[type=checkbox] + p {
    vertical-align: top;
    margin-top: .5rem;
    width: 80%;
    display: inline-block;
}

.checkbox > label {
    /* padding: 2rem 0; */
    font-weight: 500;
    margin-bottom: 1rem;
    padding-left: 3rem;
    vertical-align: middle;
}

.checkbox input:checked {

    position: relative;
}
.checkbox input::after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -2 17 17'%3E%3Ctitle%3EUntitled-1%3C/title%3E%3Cpolygon points='14 0 6 8 2 4 0 6 6 12 8 10 16 2 14 0' style='fill:%23fff'/%3E%3C/svg%3E");
    content: " ";
    background-size: calc(100% - 6px);
    background-position: center;
    background-color: #f95826;
    left: 0;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    transition: .4s;
}

.checkbox input:checked::after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -2 17 17'%3E%3Ctitle%3EUntitled-1%3C/title%3E%3Cpolygon points='14 0 6 8 2 4 0 6 6 12 8 10 16 2 14 0' style='fill:%23fff'/%3E%3C/svg%3E");
    content: " ";
    background-size: calc(100% - 6px);
    background-position: center;
    background-color: #f95826;
    left: 0;
    top: 0;
    right: 0;
    width: 20px;
    height: 20px;
    position: absolute;
    background-repeat: no-repeat;
    transition: .4s;
}

.carousel-item .secondary {
    color: white !important;
}

div[class*='-4'] .button, div[class*='-3'] .button {
    padding: 0.4rem 0.8rem;
    line-height: 1.4;
    margin-bottom: 1rem;
}

.carousel-item::after {
    content: ' ';
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
    position: absolute;
    top: 0;
    opacity: .6;
    backdrop-filter: blur(3px);
}

.carousel.slide.single .carousel-control-prev, .carousel.slide.single .carousel-control-next, .carousel.slide.single .carousel-indicators {
    display: none;
}

.carousel-indicators li:before {
    display: none;
}

body>.container, body>.container-fluid {
    /* padding-top: 8rem; */
    /* padding-bottom: 8rem; */
}

@media (min-width: 992px) {
    html {
        font-size: 8px !important;
    }
}

.wallpaper-ambiance {
    min-height: 328px;
    height: 40vh;
    background-position: center!important;
    background-size: cover!important;
    overflow: hidden;
    margin: 0 0rem;
    background-attachment: fixed!Important;
    background-position: center;
}

.icon-profile {
    background: #fb9500;
    display: inline-block;
    padding: .6rem;
    border-radius: 100%;
    margin-top: -50%;
    margin-bottom: 2rem;
}

.closer {
    position: absolute;
    right: 0;
    top: 0;
    background: #ffffff;
    width: 3rem;
    height: 3rem;
    z-index: 10;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg baseProfile='tiny' version='1.2' viewBox='0 0 16 16' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='12.95 4.46 11.54 3.05 8 6.59 4.46 3.05 3.05 4.46 6.59 8 3.05 11.54 4.46 12.95 8 9.41 11.54 12.95 12.95 11.54 9.41 8' fill='%23333'/%3E%3C/svg%3E");
    background-size: cover;
    background-position: center;
    margin: 1rem;
}

.wallpaper-overflow-frame {
    overflow: hidden;
    margin: -10px -15px;
}

.modal-body {
    background: white;
    box-shadow: 0 0 1rem #00000069;
}

.modal-body>.illustration {
    margin-right: -3rem;
    margin-left: -3rem;
    margin-top: -3rem;
}

.modal {
    background: #999999bf;
}

.modal-container {
    position: relative;
    width: 100%;
    max-width: 1000px;
    margin: auto;
    background: white;
    padding: 4rem 4rem;
    box-shadow: 0 0 5rem #00000066;
}

.js-modal {
    display: flex;
    position: fixed;
    align-items: center;
    background: #0000008a;
    width: 100%;
    height: 100%;
    top: 0;
}

.triggeredCSS3 .wallpaper-ambiance {
    /* transition: .8s; */
    /* height: 40vh; */
    /* filter: blur(5px) brightness(0.8); */
    /* margin: -8rem -20px; */
}

.triggeredCSS3 .icon-profile {
    opacity: 1;
    margin-top: -50%;
    transition: .8s;
}

.icon-profile {
    opacity: 0;
    margin-top: 0;
}

.static-hero-banner .overline {
    color: #e5e5e5;
}

.static-hero-banner .container>.row {
    display: inherit;
    margin: 4rem -15px;
    color: white;
    /* filter: brightness(); */
}

.static-hero-banner:before {
    content: " ";
    width: 120%;
    height: 120%;
    display: block;
    position: absolute;
    left: -10px;
    top: -10px;
    background: inherit;
    filter: blur(2px)brightness(0.7);
    transition: 1s;
    background-size: cover;
    background-position: center;
}

.static-hero-banner:hover::before {
    filter: blur(5px)brightness(0.4);
    transition: 1s;
}

.static-hero-banner {
    overflow: hidden;
    position: relative;
    background-attachment: fixed!Important;
}

.related img {
    filter: brightness(0.95);
}

.content-highlight {
    background: #f1f1f1;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.related {
    color: #333;
    margin-bottom: 2rem;
}

.related:hover {
    text-decoration: none;
    color: initial;
}

.related:hover a h4 {
    color: #0076A8;
}

.LV_invalid {
    text-transform: uppercase;
    color: #c6273d;
    font-size: 1.2rem;
    height: 0;
    padding-left: 0;
    margin-left: 0!important;
    position: absolute;
}

.LV_valid_field {
    border-color: #64A539!important;
}

.LV_invalid_field {
    border-color: #D23241!important;
    background: #d232410f;
}

.floating>input + .LV_invalid {
    background: red;
}

.LV_valid {
    display: none;
}

footer {
    background: black;
    color: white;
    padding-top: 2rem;
}

.social-icons img {
    max-height: 4rem;
    max-width: 4rem;
    margin: 1rem;
    padding: .75rem;
    box-sizing: border-box;
}

footer #logo {
    width: 16rem;
}

footer a {
    color: white;
    font-weight: 500;
}

.greybg select {
    padding-left: 1rem;
}

html .elqOptInBanner {
    bottom: 0;
    top: auto;
    border: none;
    background: #666666f0;
    padding: 2rem;
    border-top: 3px solid #ffaa00;
    position: fixed;
    width: 100%;
}

.elqClose {
    display: none
}

html .elqOptInBannerText {
    max-width: 1000px;
    margin: 0 auto;
    display: block;
    width: 100%;
    color: #fff;
    line-height: 1.8;
    float: none;
}

.elqOptInBanner .elqButton {
    background: 0 0;
    padding: .4rem 1.2rem;
    text-transform: uppercase;
    font-family: sans-serif;
    border: 2px solid #e5e5e5;
    color: #e5e5e5;
    font-size: 1.2rem;
    margin-right: 1rem;
}

.elqOptInBannerText>p {
    color: #e5e5e5;
    font-size: 1.3rem;
    width: 80%;
    display: inline-block;
    vertical-align: top;
    padding-right: 3rem;
    margin: 0;
}

.elqOptInBannerText>.buttons {
    width: 10%;
    display: inline-block
}

.elqOptInBannerText:before {
    content: " ";
    width: 20px;
    height: 19px;
    background-repeat: no-repeat;
    background: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 63.59 59.44'%3E%3Ctitle%3EUntitled-1%3C/title%3E%3Cpath d='M287.54,397.65,267.26,434.1a11.5,11.5,0,0,0,10,17.09h40.57a11.49,11.49,0,0,0,10-17.09l-20.28-36.45A11.5,11.5,0,0,0,287.54,397.65Z' transform='translate(-265.79 -391.75)' style='fill:%23fbaa19'/%3E%3Crect x='27.63' y='11.11' width='8.33' height='27.33' style='fill:%23fff'/%3E%3Ccircle cx='31.79' cy='47.94' r='5.67' style='fill:%23fff'/%3E%3C/svg%3E");
    vertical-align: top;
    background-size: cover;
    margin-right: 1rem;
    display: inline-block;
}

input#elqOptInButton {
    background: #fe5b15;
    border-color: #fe5b15;
    color: #fff;
    font-weight: 700;
}

.elqOptInBannerText>div {
    width: 80%;
    display: inline-block;
    font-size: 1.4rem;
    line-height: 1.4;
}

.elq-buttons {
    margin-top: 1rem;
}

.elq-buttons>input {
    margin-bottom: 0;
}

.phone-icon:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ctitle%3E act-Call%3C/title%3E%3Cpath d='M14 11.5l-0.4-0.3L13.3 11l-2.7-2 -0.5 0.9 0 0c-0.2 0.4-0.5 0.9-0.6 1.3 -1.1-0.3-2.1-0.9-2.9-1.8C5.7 8.7 5.1 7.6 4.8 6.5 5.1 6.4 5.4 6.2 5.7 6l0 0 0.5-0.3c0.1-0.1 0.2-0.1 0.3-0.2l0 0 0.4-0.2L6.6 5c0 0 0 0 0-0.1l0 0L4.8 2.4 4.5 2 4.2 2.3l0 0L3.5 2.8l0 0C2.6 3.5 1.9 4.2 2 5.1c0.6 2.1 1.7 4 3.3 5.5 1.5 1.6 3.4 2.7 5.5 3.4 0.9 0.1 1.6-0.5 2.3-1.4l0 0L14 11.5z'/%3E%3C/svg%3E");
    width: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1rem;
    opacity: .75;
}

/*********************colors background gradients palette**********************************/
/*Primary*/
.primary-white {
    color: #ffffff;
}

.primary-black {
    color: #000000;
}

.primary-orange {
    color: #fe5b1b;
}

/*Secondary*/
.bg-secondary-yellow-2 {
    background: #fb9500;
}

.secondary-yellow-2 {
    color: #fb9500;
}

.bg-secondary-magenta {
    background: #B10081;
}

.secondary-magenta {
    color: #B10081;
}

.bg-secondary-purple {
    background: #5E1EE7;
}

.secondary-purple {
    color: #5E1EE7;
}

.bg-secondary-blue {
    background: #0000E7;
}

.secondary-blue {
    color: #0000E7;
}

.secondary-yellow {
    color: #ffd248;
}

.secondary-orange {
    color: #fb9500;
}

.secondary-green {
    color: #98ff95;
}

.secondary-cyan {
    color: #7fede7;
}

.secondary-lavender {
    color: #9e99ff;
}

.secondary-violet {
    color: #5e1ee7;
}

/*Extended*/
.extended-yellow {
    color: #e3bb40;
}

.extended-orange {
    color: #de8400;
}

.extended-green {
    color: #81d97f;
}

.extended-cyan {
    color: #6eccc7;
}

.extended-lavender {
    color: #8c87e3;
}

.extended-violet {
    color: #47349c;
}

/*Supporting Greys*/
.grey-5 {
    color: #f2f2f2;
}

.grey-10 {
    color: #e5e5e5;
}

.grey-20 {
    color: #cccccc;
}

.grey-40 {
    color: #999999;
}

.grey-50 {
    color: #808080;
}

.grey-60 {
    color: #666666;
}

/*Utility Colors*/
.utility-grey {
    color: #333333;
}

.utility-blue {
    color: #0076a8;
}

.utility-green {
    color: #64a539;
}

.utility-red {
    color: #d23241;
}

.utility-yellow {
    color: #ffaa00;
}

/*Primary background colors*/
.bg-primary-white {
    background-color: #ffffff;
}

.bg-primary-black {
    background-color: #000000;
}

.bg-primary-orange {
    background-color: #fe5b1b;
}

/*Secondary background colors*/
.bg-secondary-yellow {
    background-color: #ffd248;
}

.bg-secondary-orange {
    background-color: #fb9500;
}

.bg-secondary-green {
    background-color: #98ff95;
}

.bg-secondary-cyan {
    background-color: #7fede7;
}

.bg-secondary-lavender {
    background-color: #9e99ff;
}

.bg-secondary-violet {
    background-color: #5e1ee7;
}

/*Extended background colors*/
.bg-extended-yellow {
    background-color: #e3bb40;
}

.bg-extended-orange {
    background-color: #de8400;
}

.bg-extended-green {
    background-color: #81d97f;
}

.bg-extended-cyan {
    background-color: #6eccc7;
}

.bg-extended-lavender {
    background-color: #8c87e3;
}

.bg-extended-violet {
    background-color: #47349c;
}

/*Supporting Greys background colors*/
.bg-grey-5 {
    background-color: #f2f2f2;
}

.bg-grey-10 {
    background-color: #e5e5e5;
}

.bg-grey-20 {
    background-color: #cccccc;
}

.bg-grey-40 {
    background-color: #999999;
}

.bg-grey-50 {
    background-color: #808080;
}

.bg-grey-60 {
    background-color: #666666;
}

/*Utility Colors background colors*/
.bg-utility-grey {
    background-color: #333333;
}

.bg-utility-blue {
    background-color: #0076a8;
}

.bg-utility-green {
    background-color: #64a539;
}

.bg-utility-red {
    background-color: #d23241;
}

.bg-utility-yellow {
    background-color: #ffaa00;
}

.gradients>div {
    height: 4rem;
    color: white;
    text-align: center;
    display: table;
    margin: 1rem auto;
}

.main-scheme-kih {
    background: rgb(254,255,49);
    background: linear-gradient(90deg, #FB9500 0%, #B10081 50%, #5E1EE7 75%, #0000E7 100%);
}

.scheme-1 {
    background: rgb(254,255,49);
    background: linear-gradient(90deg, rgba(254,255,49,1) 0%, rgba(251,149,0,1) 30%, rgba(254,91,21,1) 100%);
}

.scheme-2 {
    background: rgb(251,149,0);
    background: linear-gradient(90deg, rgba(251,149,0,1) 0%, rgba(254,91,21,1) 50%, rgba(94,30,231,1) 100%);
}

.scheme-3 {
    background: rgb(251,149,0);
    background: linear-gradient(90deg, rgba(251,149,0,1) 0%, rgba(254,91,21,1) 40%, rgba(158,153,255,1) 100%);
}

.background-black-1 {
    background: url(https://img04.en25.com/Web/VertivCo/{79264c39-d12f-4cee-ab46-5894f3468aa9}_background-black-1.gif);
    background-position: center;
    background-size: cover;
}

.background-black-2 {
    background: url(https://img04.en25.com/Web/VertivCo/{147969ed-3f6b-4439-9a18-2e6d8d159170}_background-black-2.gif);
    background-position: center;
    background-size: cover;
}

.background-white-1 {
    background: url(https://img04.en25.com/Web/VertivCo/{6623bdd1-def5-4a41-9e22-9252817b708b}_background-white-1.gif);
    background-position: center;
    background-size: cover;
}

.background-white-2 {
    background: url(https://img04.en25.com/Web/VertivCo/{4aface45-5791-48ae-bbd2-38788ac8305e}_background-white-2.gif);
    background-position: center;
    background-size: cover;
}

.background-orange-1 {
    background: url(https://img04.en25.com/Web/VertivCo/{8717e995-2224-459e-a618-28273c01fd04}_background-orange-1.gif);
    background-position: center;
    background-size: cover;
}

.background-orange-2 {
    background: url(https://img04.en25.com/Web/VertivCo/{5d1b3db9-dd37-494c-86b3-3193d9a7af89}_background-orange-2.gif);
    background-position: center;
    background-size: cover;
}

/*************************** Form style **************************/
div#ThankYouMessege {
    background: white;
    box-shadow: 0 1rem 2rem #0000003b;
    padding: 9rem 1rem;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}

.reskin .sticky-side-container .page-section .container {
    max-width: 1220px!important;
}

.redTxt, .error {
    color: #d23241;
}

.reskin span.form-info.smaller.x-thick.xx-dark {
    text-transform: none;
    font-size: 1.8rem;
    font-weight: 500;
    color: #333;
}

.redstar {
    color: #d23241;
}

#ThankYouMessege {
    padding: 0 auto;
    display: none;
}

h3 a {
    color: #0092bd;
    text-decoration: none;
    font-size: 24px;
}

.card__body-text {
    margin-top: 20px;
}

.marginTop24 {
    margin-top: 24px;
}

/**********oracle made stuff workarounds**************/
.rc10Title.sMCTitle {
    font-weight: 600;
}

.sliderTxt .rc10Content, .rc03slide .col-item-w1 h5 {
    color: #999999;
}

.rc10Des, .rc10Des span {
    color: #333333!important;
}

body .sModule .obttns>div>* {
    padding: 0.8rem 1.6rem!important;
    display: inline-block;
    margin-top: 1rem;
    margin-left: 0;
    margin-right: 2rem;
    font-size: 1.4rem;
    font-weight: 600;
    text-transform: uppercase;
    border: 2px solid;
    text-align: center;
    text-decoration: none!important;
    transition: .2s;
    margin-bottom: 4rem;
    border-radius: 0!important;
    background: #333!important;
    color: #ffffff!important;
}

.obttns a:after {
    display: none;
}

.sModule.rc03 .slick-dots li button a {
    font-weight: 600;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 812px) {
    form .row, .form-element-layout .row, .form-element-layout.row {
        padding-left:0!important;
        padding-right: 0!important;
    }

    .form-element-layout .row {
        padding: 0;
    }

    .form-element-layout.row {
        padding-bottom: 0;
        padding-top: 0;
    }
}
.form-control:focus {
    box-shadow: none;
}
/*******************************************************/
/**make crop images if they're too tall**/
.col-md-6>img, .col-md-6>a>img, .col-sm-6>img, .col-sm-6>a>img {
    max-height: 40vh;
    width: 100%;
    object-fit: cover;
}

.col-md-4>img, .col-md-4>a>img, .col-sm-4>img, .col-sm-4>a>img {
    max-height: 25vh;
    width: 100%;
    object-fit: cover;
}

/**nav-bar light**/
.navbar-light #brand-logo {
    filter: brightness(.1);
    -webkit-font-smoothing: antialiased;
}

.navbar-light.white {
    background: white;
}

.navbar-light.white {
    box-shadow: 0 0 2rem #00000026;
}

.navbar-light.white:after {
    content: " ";
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background: linear-gradient(to right, #fb9700 0%, #ff5810 51%, #5e1ee7 100%);
}

.linkedn-badge:before {
    content: url(https://images.go.vertiv.com/EloquaImages/clients/VertivCo/%7B7014a580-0b41-4c66-94d6-63e35281eccb%7D_Email_GARTNER2018-linkedin.png);
    background-size: cover;
    vertical-align: middle;
    line-height: 1;
}

.linkedn-badge {
    vertical-align: middle;
}


.agenda-item {
    /* border-top: 1px solid #666666; */
    border-bottom: 1px solid #666666;
    padding: 1rem 0;
}

.agenda-item:first-child {
    border-top: 2px solid #666666;
}

.date-box:before {
    content: " ";
    width: 100%;
    height: 10px;
    display: block;
    background-color: #66666600;
    opacity: 0.8;
    background-size: 3px 3px;
    background-image: repeating-linear-gradient(-45deg, #999999 0, #999999 1px, #99999900 0, #99999900 50%);
}




.elq-form .has-value input + span, .elq-form .has-value textarea + span, .elq-form .has-value select + span {
    position: absolute;
    transition: .2s;
}

.elq-form input + span, .elq-form textarea + span, .elq-form select + span {
    font-size: 1.6rem;
    pointer-events: none;
    transition: .2s;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    position: absolute;
    margin: auto 1rem;
}

.elq-form input:focus + span, .elq-form textarea:focus + span, .elq-form select:focus + span {
    outline-width: 0;
}

.elq-form input:focus + span, .elq-form textarea:focus + span, .elq-form select:focus + span, .elq-form .has-value input + span, .elq-form .has-value textarea + span, .elq-form .has-value select + span {
    transform: translate(0, -4rem)!important;
    cursor: pointer;
    margin-bottom: 0;
    font-weight: 600;
    margin-top: 6px;
    margin-left: 0!important;
    transition: .1s;
    outline-width: 0;
    outline: none;
}

.has-value.floating:after {
    width: 100%;
    transition: .5s;
    background: #64a539;
    transition: .4s;
}
.calendar-box {
    background: white;
    color: #333333;
    padding: 2rem 0;
    text-align: center;
}


.calendar-date {
    font-weight: 600;
    line-height: 1;
    margin-bottom: 0;
    text-wrap: nowrap;
    padding: .5rem;
    padding-top: 0;
    line-height: 1;
}

.calendar-month {
    margin-bottom: .5rem;
    font-weight: 700;
    margin-bottom: 0;
    line-height: 1;
    letter-spacing: 1px;
    font-size: 2.8rem;
    padding: .5rem 2rem;
    padding-bottom: 0;
    text-transform: uppercase;
}

.calendar-day {
    font-weight: 600;
    line-height: 1;
    font-size: 2rem;
    opacity: .5;
}

.event-place-photo {
    min-height: 21rem;
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
}

.static-hero {
    min-height: 40vh;
    max-height: 80vh;
    background-position: center center;
    background-size: cover;
}

.static-hero .row {
    height: calc(100% + 0px);
}

.icon-bullet-time:before {
    content: " ";
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23666; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M6,2C3.79,2,2,3.79,2,6s1.79,4,4,4,4-1.79,4-4-1.79-4-4-4Zm0,7c-1.65,0-3-1.35-3-3s1.35-3,3-3v3H4v1h3V3.18c1.16,.41,2,1.51,2,2.82,0,1.65-1.35,3-3,3Z'/%3E%3C/svg%3E");
    margin-right: 0.5rem;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    display: inline;
    margin-left: -3rem;
}

.icon-bullet-location:before {
    content: "";
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMiAxMiI+CiAgPGRlZnM+CiAgICA8c3R5bGU+CiAgICAgIC5jbHMtMSB7CiAgICAgICAgZmlsbDogIzY2NjsKICAgICAgfQogICAgPC9zdHlsZT4KICA8L2RlZnM+CiAgPHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNiwxYy0xLjY2LDAtMywxLjM0LTMsMywwLDEuOSwxLjIsNC42LDIuMDgsNi4zMiwuMTksLjM4LC41NSwuNTYsLjkyLC41NnMuNzMtLjE5LC45Mi0uNTZjLjg4LTEuNzMsMi4wOC00LjQyLDIuMDgtNi4zMiwwLTEuNjYtMS4zNC0zLTMtM1ptLjAzLDguODdoLS4wNWMtMS4yNy0yLjQ5LTEuOTctNC41Ny0xLjk3LTUuODcsMC0xLjEsLjktMiwyLTJzMiwuOSwyLDJjMCwxLjI5LS43LDMuMzgtMS45Nyw1Ljg3WiIvPgogIDxjaXJjbGUgY2xhc3M9ImNscy0xIiBjeD0iNiIgY3k9IjQiIHI9IjEiLz4KPC9zdmc+);
    margin-right: 0.5rem;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    display: inline;
    margin-left: -3rem;
}

.icon-bullet-calendar:before {
    content: "";
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23666; %7D %3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M8.5,3v-1h-1v1h-3v-1h-1v1h-1.5v7H10V3h-1.5Zm.5,6H3V5h6v4Z'/%3E%3Crect class='cls-1' x='4' y='6' width='2' height='2'/%3E%3C/svg%3E");
    margin-right: 0.5rem;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    display: inline;
    margin-left: -3rem;
}

.icon-bullet-booth:before {
    content: "";
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 26.5.2, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 12 12' style='enable-background:new 0 0 12 12;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23666666;%7D%0A%3C/style%3E%3Cpath class='st0' d='M9,3h1L9,2H3L2,3h1v3H2v4h8V6H9V3z M4,3h4v3H4V3z M9,9H3V7h6V9z'/%3E%3C/svg%3E%0A");
    margin-right: 0.5rem;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 100%;
    display: inline;
    margin-left: -3rem;
}

.icon-bullet-location, .icon-bullet-time, .icon-bullet-calendar, .icon-bullet-booth {
    padding-left: 3rem;
}

td p:first-child:last-child, td p:last-child, th p:first-child:last-child, th p:last-child {
    margin-bottom: 0;
}

.button.primary.dark-bg {
    color: white;
    background: #fe5b1b;
    border-color: #fe5b1b;
}

.button.secondary.dark-bg {
    color: white;
}

.countdown {
    font-size: 2rem;
}

.countdown b {
    font-size: 5rem;
}

.countdown .divider {
    display: inline;
    padding: 0 5rem;
    font-size: 7rem;
    line-height: 1;
    font-weight: 300;
    height: 100%;
    vertical-align: top;
}

.time-number {
    font-size: 7rem;
    font-weight: 300;
    line-height: 1;
    padding: 1rem;
    background: white;
    border-radius: 5px;
    margin-bottom: 1rem;
    display: block;
    box-shadow: 0 .5rem 0.75rem #00000038;
}

.countdown>.item {
    display: inline-block;
}

.countdown>.item>span:last-child {
    display: block;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.4rem;
    line-height: 1.2;
    font-weight: 400;
    color: white;
    letter-spacing: 4px;
}

#ThankYouMessege {
    display: none;
}

/*************************** Form style **************************/
@media only screen and (max-device-width: 768px) {
    /* For Tablets */ .headerBox {
        margin: 50px 0;
    }
}

@media only screen and (max-device-width: 480px) {
    /* For mobile */ .headerBox {
        margin: 20px 0;
    }

    .mainHeader {
        font-size: 12rem;
    }

    .txtParent {
        font-size: 4rem;
    }
}

.promo-code {
    background: #000000;
    padding: .5rem 1rem;
    border-radius: .25rem;
    color: aliceblue;
    line-height: 1;
}

p+.form-group {
    margin-top: 0!important;
}

.button+.button {
    margin-left: 2rem;
}

@media screen and (max-width: 767px) {
    .countdown>.divider {
        display: none;
    }

    .countdown>.item {
        padding: 0 1rem;
    }

    .countdown>.item>span:last-child {
        font-size: 1.4rem;
    }

    .button {
        width: 100%;
    }

    .button+.button {
        margin-left: 0;
    }
}

#brand-logo+p {
    position: relative;
    transition: .2s;
    opacity: 1;
    transform: translateY(0);
    height: 18px;
}

.scrolled #brand-logo+p {
    opacity: 0!important;
    transition: .2s;
    transform: translateY(-10px);
    height: 0;
}

/*      CUSTOM*/
.module {
    box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.3);
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: auto;
    height: 340px;
    position: relative;
    overflow: hidden;
    margin: 0px;
    /*margin-bottom: 30px;*/
    display: flex;
    background-image: url('https://images.go.vertiv.com/EloquaImages/clients/VertivCo/%7B1ac71115-03d6-4db1-8d2d-907d7ddd490f%7D_1600x480-Mariners-Landing-Page-Banner.jpg');
    justify-content: center;
}

.hero-text {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.overlay {
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.2);
    color: #f1f1f1;
    width: 100%;
}

.hide, #ThankYouMessege {
    display: none;
}

/****form*******************************************************/
/****form*******************************************************/
#formWrapper input, #formWrapper select {
    padding: 1.4rem 1rem;
    font-size: 2.4rem;
    border: none;
    border-radius: 0;
    line-height: 1;
    background: #00000014;
    border-radius: 5px;
}

#formWrapper .form-group {
    display: flex;
    flex-flow: column-reverse;
    position: relative;
    margin-bottom: 4rem;
    margin-top: 4rem;
}

#formWrapper input+span, #formWrapper select+span {
    position: absolute;
    height: 100%;
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 1rem;
    transition: .1s;
    font-size: 2rem;
}

#formWrapper input:focus+span, #formWrapper .has-value input+span, #formWrapper .has-value select+span {
    text-transform: uppercase;
    font-size: 1.6rem;
    transform: translateY(-4rem);
    margin-left: 0;
    color: #666666;
    transition: .2s;
}

#formWrapper input::placeholder {
    color: transparent;
}
.scrolled #brand-logo-type {
    transition: .2s;
    margin-left: -79px;
}

#brand-logo-type {
    transition: .2s;
    width: 75px;
    left: 0;
    height: 27.6px;
    min-height: 27.6px;
    margin-left: 6px;
}

#brand-logo-picto {
    z-index: 2;
    background: black;
}

a.navbar-brand {
    overflow: hidden;
}
/****form*******************************************************/
/****form*******************************************************/
/****modal start*******************************************************/
/****modal start*******************************************************/
.hide {
    display: none;
}

.modal-fullscreen {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: #00000040;
    z-index: 100;
    backdrop-filter: blur(1rem);
}

.container.modal-stage>div {
    background: white;
    max-height: 80%;
}
.modal-fullscreen.hide {
    opacity: 0;
    transition: .6s;
    /* filter: blur(0); */
    backdrop-filter: blur(0);
}
.modal-stage {
    background: white;
    min-height: 10vh;
    max-height: 80vh;
    width: 100%;
    position: relative;
}

div.close-modal {
    font-size: 3rem;
    color: #666666;
    font-family: sans-serif;
    position: absolute;
    top: 0.125em;
    right: 1rem;
    line-height: 1;
    font-weight: 500;
    transform: rotate(45deg);
    transition: .3s;
    cursor: pointer;
    z-index: 200;
    user-select: none;
}

.close-modal:hover {
    color: #999999;
    transform: rotate(224deg);
}

.font-sample {
    display: table;
    width: 100%;
    /* padding: 0 1rem; */
    overflow: hidden;
    position: relative;
    height: 8rem;
    max-height: 8rem;
}

.font-sample:before {
    content: " ";
    border-top: 1px dotted red;
    border-bottom: 1px dotted red;
    position: absolute;
    top: 1rem;
    width: 100%;
    bottom: 1rem;
    /* height: 60%; */
}

.font-sample:hover:before, .font-sample:hover:after {
    opacity: .1;
    transition: .2s;
}

.font-sample:after {
    content: " ";
    border-top: 1px dotted #007eff;
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
}

.font-sample>* {
    display: table-cell;
    vertical-align: middle;
    padding-left: 1rem;
    padding-right: 1rem;
}

/******************************/
#microsite-template-heroslide .carousel-item img {
    position: absolute;
    height: 80vh;
    top: 0;
    left: 0;
    z-index: 0;
    width: auto!important;
    min-width: 100%;
}

#microsite-template-heroslide .carousel-item {
    height: 80vh;
    top: 0;
    left: 0;
    background: red;
    position: relative;
}

#microsite-template-heroslide .carousel-item .container {
    position: absolute;
    z-index: 1;
    margin: auto;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

/******************/
.faq-item {
    padding: 0 2rem;
    padding-bottom: 0rem;
    background: #f2f2f2;
    border-radius: 10px;
    margin-bottom: 2rem;
}

.faq-question, .faq-category {
    font-weight: 600;
    font-size: 2rem;
    padding: 2rem 0;
    margin-bottom: 0;
    cursor: pointer;
    position: relative;
    padding-right: 2rem;
}

.faq-question +* {
    padding-bottom: 2rem;
}

.faq-question.active {
    /*pointer-events: none;*/
}

.faq-question:after {
    content: "\f063";
    font-family: fontawesome;
    position: absolute;
    top: 2rem;
    right: 0;
    transition: .3s;
}

.faq-question.active:after {
    opacity: .1;
    transition: .2s;
}

.faq-category {
    padding: 2rem;
    background: #f2f2f2;
    margin-bottom: 1rem;
    border-radius: 10px;
    position: relative;
}

.faq-category+* {
    margin-left: 3rem;
}

.faq-item-category {
    margin-bottom: 1rem;
}

.faq-category>h4 {
    margin-bottom: 0;
    font-weight: 600;
}

.faq-category:after {
    content: "\f063";
    font-family: fontawesome;
    position: absolute;
    top: 2.5rem;
    right: 2.5rem;
    transition: .3s;
}

.faq-category.active:after {
    opacity: .1;
    transition: .2s;
}

.active>.faq-category:after {
    transform: rotate(540deg);
    transition: .4s;
}

.active>.faq-question:after {
    transform: rotate(-180deg);
    transition: .4s;
}

.faq-question:after {
    opacity: .5;
}

/***************/
/****modal start*******************************************************/
/****modal start*******************************************************/
.agenda-day.hidden>.agenda-item {
    display: none;
}

.agenda-day>.agenda-item:first-child, .agenda-day>.agenda-item:last-child {
    display: block;
}

.agenda-day>.agenda-item:first-child:after {
    border-bottom: #999999 solid 1px;
    /*content: " ";*/
    display: block;
}

.agenda-day>.agenda-item:last-child:before {
    content: " ";
    position: absolute;
    background-color: #333333;
    width: 40px;
    height: 40px;
    left: 50%;
    top: -18px;
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNC4xNCA4Ljg0Ij48cGF0aCBzdHlsZT0iZmlsbDojZmZmIiBkPSJNNy4wNyA1LjMgMS43NyAwIDAgMS43N2w3LjA3IDcuMDcgNy4wNy03LjA3TDEyLjM3IDBsLTUuMyA1LjN6Ii8+PC9zdmc+);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position: center 79%;
    transition: .2s;
    cursor: pointer;
}
.agenda-day>.agenda-item.arrow-up:last-child:before {
background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNC4xNCA4Ljg0Ij48cGF0aCBzdHlsZT0iZmlsbDojZmZmIiBkPSJtNy4wNyAzLjU0IDUuMyA1LjMgMS43Ny0xLjc3TDcuMDcgMCAwIDcuMDdsMS43NyAxLjc3IDUuMy01LjN6Ii8+PC9zdmc+");
background-color: #e5e5e5;
}

.agenda-day>.agenda-item:last-child:hover:before{
    background-color: #999999;
    top: -5px;
    transition: .2s;
    background-position: center 55%;
    background-size: 24px;
}

.agenda-day>.agenda-item:last-child {
    position: relative;
    overflow: hidden;
}

.agenda-day.no-hide>.agenda-item {
    display: block!important;
}
.agenda-day.no-hide>.agenda-item:last-child {
    display: none!important;
}